<template>
    <div class="attach">
        <div class="lian">{{Detail.name}}</div>
        <div>
            <span class="jaqanu">￥{{Detail.price}}</span>
            <span class="xajn"><s>￥354</s></span>
            <span class="zguzna">App专享</span>
        </div>
    </div>
</template>

<script>
import {getClassDetail} from '../api/details'
    export default {
        data() {
            return {
                Detail:[]
            }
        },
        mounted() {
            this.getDetail()
        },
        methods: {
            getDetail(){
                let {id} = this.$route.params
                getClassDetail(id).then(res=>{
                    console.log(res);
                    this.Detail = res.data
                })
            }
        },
    }
</script>

<style scoped>
    .attach{
        padding-bottom:1vh ;
        border-bottom: 0.7vh solid rgb(170, 169, 167);
    }
    .lian{
        font-size: 2.5vh;
        padding: 1vh 1vh;
    }
    .jaqanu{
        color: rgb(196, 17, 17);
        font-size: 3vh;
        padding:0 1vh;
    }
    .xajn{
        color: rgb(170, 169, 167);
    }
    .zguzna{
        color: #fff;
        background: rgb(77, 77, 77);
        margin: 0 2vh;
        border-radius: 0.9vh;
    }
</style>